<md-content class="page-content toolbar-page">
	<div class="page-toolbar" layout>
		<div flex layout layout-align="start center">
			<md-button class="md-primary" ui-sref="home">
				<span class="icon icon-chevron-left"></span>
				我的会员卡
			</md-button>
		</div>
		<div layout layout-align="center center" class='s-text'>{{dataObj.memberType.name}}&nbsp;{{dataObj.member.membernumber}}</span>
		</div>
	</div>
	<md-content class="page-body">
		<div class="bg-theme padding user-info" layout="column" layout-align="center center">
			<md-button layout="column" layout-align="center center" ui-sref="member.profile">
				<div class="member-icon">
					<!-- 默认头像 -->
					<icon class='icon-exl icon-member member-noimg-icon color-primary' ng-if="!member.headImage"></icon>
					<!-- 上传头像 -->
					<img ng-bind="member.headImage" src="/images/logo.jpg" alt="" class="icon-exl" ng-if="member.headImage"/>
				</div>
				<!--sex_girl and sex_boy-->
				<div layout-align="center" style="color:white">
					<icon ng-class="{'icon-female':dataObj.member.sex==1,'icon-male':dataObj.member.sex==0}"></icon>
					<span ng-bind="dataObj.member.name"></span>
				</div>
			</md-button>
		</div>

		<md-list class="icon-list">
			<md-item>
				<md-item-content class="bd-bottom btn-link " ui-sref="member.pay" style="background-color:#eee">
					<div flex class="md-tile-left" layout="row" layout="center center">
						订单支付
					</div>
					<div class="padding">
						<md-button class="md-raised md-primary">进入支付</md-button>
					</div>
				</md-item-content>
			</md-item>
			<md-item ui-sref="member.account">
				<md-item-content class="bd-bottom btn-link ">
					<div class="md-tile-left" layout="row" layout="center center">
						<md-icon class="icon-purse"></md-icon>
						<div layout layout-align="center center">账户余额</div>
					</div>
					<div class="md-tile-content" layout layout-align="end">
						<h3>{{dataObj.account.balance|currency}}</h3>
					</div>
				</md-item-content>
			</md-item>
			<md-item ui-sref="member.points">
				<md-item-content class="bd-bottom btn-link">
					<div class="md-tile-left" layout="row" layout="center center">
						<md-icon class="icon-member-points"></md-icon>
						<div layout layout-align="center center">会员积分</div>
					</div>
					<div class="md-tile-content" layout layout-align="end">
						<h3><span>{{dataObj.points.points}}</span><span class="light">&nbsp;积分</span></h3>
					</div>
				</md-item-content>
			</md-item>
			<md-item ui-sref="member.order">
				<md-item-content class="bd-bottom btn-link">
					<div class="md-tile-left" layout="row" layout="center center">
						<md-icon class="icon-consumption"></md-icon>
						<div layout layout-align="center center">消费记录</div>
					</div>
					<div class="md-tile-content" layout layout-align="end">
						<div ng-if="dataObj.lasOrder.amountdue" layout="column" layout-align="center end">
							<h3>{{dataObj.lasOrder.amountdue|currency}}</h3>

							<div class="s-text x-light">{{dataObj.lasOrder.createtime|friendlyTimespan}}</div>
						</div>
						<span class="x-light" ng-if="!dataObj.lasOrder.amountdue">没有消费</span>
					</div>
				</md-item-content>
			</md-item>

		</md-list>
	</md-content>
</md-content>
